@font-face {
    font-family: 'arial';
    src: url('../../font/Arial.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --onSite-color: #00C972;
    --businessTrip-color: #3EA0FE;
    --routationLeave-color: #ffa915;
    --backgroundBlue-color: #447FFF;
    --split-color: rgba(0, 0, 0, 0.3);
    --navBorder-color: rgba(0, 0, 0, 0.05);
    --border-color: rgba(36, 66, 230, 0.1);
    --backgroundPurple-color: rgba(36, 66, 230, 0.05);

}

.on_site_color {
    color: var(--onSite-color);
}

.on_site_bg_color {
    background: var(--onSite-color);
}

.business_trip_color {
    color: var(--businessTrip-color);
}

.business_trip_bg_color {
    background: var(--businessTrip-color);
}

.routation_leave_color {
    color: var(--routationLeave-color);
}

.routation_leave_bg_color {
    background: var(--routationLeave-color);
}

.split_color {
    color: var(--split-color);
}

.active .split_color {
    color: rgba(255, 255, 255, 0.3);
}

.split_line {
    padding: 0;
}